// pages/my/my-Invitation/my-Invitation.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imageWidth:0,
    imageHeight:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    this.setData({
      imageWidth: wx.getSystemInfoSync().windowWidth,
      imageHeight: wx.getSystemInfoSync().windowHeight
    })  
    console.log(this.data.imageWidth)
    console.log(this.data.imageHeight)
    
    this.canvasFn("myCanvas", "#5d6f41", "#a0be92", this.data.imageWidth, this.data.imageHeight)
    // this.canvasFn("myCanvas1", "#fcb91d", "#f9e07a")
    // this.canvasFn("myCanvas2", "#ff888a", "#ff9ab2")
    // this.canvasFn("myCanvas3", "#6ed1fe","#ade1f3")

  },
  canvasFn: function (id, color1, color2, imageWidth, imageHeight){
    const ctx = wx.createCanvasContext(id)
    const grd = ctx.createLinearGradient(0, 0, 0, 500)
    grd.addColorStop(0, color1)
    grd.addColorStop(1, color2)
    ctx.setFillStyle(grd)
    ctx.fillRect(0, 0, imageWidth, imageHeight-80)

    //我是上方八个大字
    ctx.setFontSize(18)
    ctx.setFillStyle('White')
    // ctx.setTextAlign('left')
    // ctx.fillText('邀 请 好 友',0, 40)
    // ctx.setFontSize(19)
    // ctx.fillText('共 享 豪 礼', 180, 40)
    ctx.setTextAlign('center')
    ctx.fillText('邀 请 好 友          共 享 豪 礼 ', imageWidth/2-10, 40)
    // 我是背景
    ctx.drawImage("../../../images/bgImg.png", imageWidth * 0.2, 50, imageWidth * 0.55, imageHeight*0.5)
    // 我是线条
    ctx.beginPath()
    ctx.setLineWidth(1)
    ctx.setLineJoin('miter')
    ctx.setLineDash([1, 3], 1)
    ctx.moveTo(imageWidth * 0.05, imageHeight * 0.6)
    ctx.lineTo(imageWidth - imageWidth * 0.15, imageHeight * 0.6)
    ctx.setStrokeStyle("White")
    ctx.stroke()

    // 我是下方上行白色字体
    ctx.setFontSize(14)
    ctx.setTextAlign('left')
    ctx.setFillStyle('White')
    ctx.fillText('我是小鹿', imageWidth * 0.1, imageHeight * 0.65)
    ctx.setFontSize(15)
    ctx.setFillStyle('White')
    ctx.fillText('我为启阅读吧代言', imageWidth * 0.1, imageHeight * 0.65+18)
    ctx.setFontSize(14)
    ctx.setFillStyle('White')
    ctx.fillText('让更多的孩子读上优质绘本', imageWidth * 0.1, imageHeight * 0.65 + 18+18)

    //我是二维码
    ctx.drawImage("../../../images/Bitmap.png", imageWidth * 0.64, imageHeight * 0.62, 64, 63)
    ctx.draw(true)
  },
  bingLongTap: function (e){
    var that = this;
    console.log(e.target.dataset.id)
    console.log("111");
    
    wx.canvasToTempFilePath({
      x:0,
      y:0,
      width: that.data.imageWidth,
      height: that.data.imageHeight,
      destWidth: that.data.imageWidth*3,
      destHeight: that.data.imageHeight*3,
      canvasId: e.target.dataset.id,
      success: function (res) {
        console.log(res.tempFilePath)
        // that.saveImgToPhotosAlbumTap(res.tempFilePath)
        that.previewImage(res.tempFilePath)
      }
    })
  },
  saveImgToPhotosAlbumTap: function (IMG_URL) {
 
    wx.getImageInfo({
      src: IMG_URL,
      success: function (sres) {
        console.log(sres.path);
        wx.saveImageToPhotosAlbum({
          filePath: sres.path,
          success: function (fres) {
            console.log(fres);
          }
        })
      }

    }) 

  },
  previewImage: function (IMG_URL) {
    wx.previewImage({
      urls: IMG_URL.split(',')
      // 需要预览的图片http链接  使用split把字符串转数组。不然会报错  
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: '启阅读吧',
      desc: '邀请好友 共享豪礼',
      path: "pages/my/my-Invitation/my-Invitation"
    }
  },
  bindChange:function(e){
    // console.log(e.detail.current)
    // if (e.detail.current == 0){
    //   wx.setNavigationBarColor({
    //     frontColor: '#ffffff',
    //     backgroundColor: '#84926d',
    //     animation: {
    //       duration: 100,
    //       timingFunc: 'easeIn'
    //     }
    //   })
    // } else if (e.detail.current == 1){
    //   wx.setNavigationBarColor({
    //     frontColor: '#ffffff',
    //     backgroundColor: '#fdc952',
    //     animation: {
    //       duration: 100,
    //       timingFunc: 'easeIn'
    //     }
    //   })
    // } else if (e.detail.current == 2) {
    //   wx.setNavigationBarColor({
    //     frontColor: '#ffffff',
    //     backgroundColor: '#ffafb3',
    //     animation: {
    //       duration: 100,
    //       timingFunc: 'easeIn'
    //     }
    //   })
    // } else if (e.detail.current == 3) {
    //   wx.setNavigationBarColor({
    //     frontColor: '#ffffff',
    //     backgroundColor: '#91ddfe',
    //     animation: {
    //       duration: 100,
    //       timingFunc: 'easeIn'
    //     }
    //   })
    // }
  }
})